<template>
  <el-row class="home-title" type="flex" align="middle" justify="space-between">
    <div class="title">{{ title }}</div>
    <el-link :underline="false" @click="handleMore">查看全部</el-link>
  </el-row>
</template>

<script>
export default {
  props: {
    title: {
      type: String,
      default: ''
    }
  },
  methods: {
    handleMore() {
      this.$emit('more')
    }
  }
}
</script>

<style lang="scss" scoped>
.home-title {
  margin-bottom: 30px;
  .title {
    font-size: 22px;
    font-weight: 500;
    color: $text-color-import;
  }
}
</style>
